/* 头部 */
#header {
  width: 100%;
  background-color: #fff;
}
/* 头部左边部分 */
.head .head-l .head-l-l {
  margin: 24px 0;
  width: 220px;
}
/* 头部右边部分 */
.head .head-r .head-r-r ul {
  margin-top: 24px;
  line-height: 46px;
}
.head .head-r .head-r-r ul li {
  float: left;
}
.head .head-r .head-r-r ul li a {
  color: #000;
}
.head .head-r .head-r-r ul li a:hover {
  color: #e3791d;
}
.head .head-r .head-r-r ul li a p {
  font-size: 20px;
  font-family: 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;
  margin-right: 35px;
}
.head .head-r .head-r-r ul li.head-r-underline a p{
  border-bottom: 2px solid #000;
}
/* 内容主体 */
#main {
  width: 100%;
  background-color: #fff;
}

.hot {
  width: 100%;
  min-width: 1440px;
  padding-bottom: 70px;
}
.hot img {
  height: 460px;
}
.swiper-container {
  height: 460px;
}
.swiper-slide img {
  height: 100%;
}

/* 公用标题样式 */
.common-h {
  width: 100%;
}
.common-h-line {
  /* width: 450px; */
  height: 2px;
  background: #d0d0d0;
  margin-top: 40px;
}
.common-h-title {
  /* margin: 0 450px; */
  text-align: center;
  font-size: 53px;
  font-weight: 500;
}
.common-h div.common-heng {
  width: 100px;
  height: 18px;
  border-radius: 14px;
  margin: -21px auto 0 auto;
  background-color: #ffb701;
}
.common-h p {
  text-align: center;
  font-size: 24px;
  color: #7a7a7a;
  margin-top: 40px;
  letter-spacing: 0.08em;
} /* 公用标题样式 */
/* 抖音代运营 */
.business {
  padding-top: 20px;
  padding-bottom: 77px;
}
.business .common-h-line {
  width: 425px;
}
.business .common-h-title {
  margin: 0 425px;
}
.business-b {
  width: 100%;
}
.business-b ul {
  margin-top: 60px;
}
.business-b ul li {
  margin-bottom: 40px;
}
.business-b-img {
  width: 50%;
  height: 370px;
}
.business-b-img img {
  height: 100%;
}
.business-b-content {
  width: 50%;
  height: 370px;
  background-color: #f5f5f5;
}
.business-b-content p {
  margin: 50px 50px 0 50px;
}
.business-b-content p:nth-child(1) {
  font-size: 28px;
  font-weight: bold;
  color: #000;
  font-family: 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;
}
.business-b-content p:nth-child(2) {
  font-size: 20px;
  color: #7a7a7a;
  font-family:'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;
  line-height: 35px;
  margin-top: 40px;
}
/* 企业为何要抖音代运营 */
.reason {
  padding-bottom: 77px;
}
.reason .common-h-line {
  width: 280px;
}
.reason .common-h-title {
  margin: 0 280px;
}
.reason-b {
  width: 100%;
  margin-top: 50px;
}
.reason-b .reason-b-img {
  width: 50%;
  height: 523px;
}
.reason-b .reason-b-img img {
  height: 100%;
}
.reason-b .reason-b-content {
  width: 50%;
  height: 523px;
}
.reason-b .reason-b-content ul {
  margin-left: 30px;
}
.reason-b .reason-b-content ul li {
  margin-bottom: 41px;
}
.reason-b .reason-b-content ul li div:nth-child(1) {
  width: 170px;
  height: 100px;
  line-height: 100px;
  background-color: #ffb605;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.reason-b .reason-b-content ul li div:nth-child(2) {
  width: 400px;
  height: 80px;
  margin-top: 20px;
  padding: 15px 25px;
  background-color: #eaeaea;
  font-size: 18px;
  color: #595959;
  letter-spacing: 0.05em;
}

/* 我们的运营服务 */
.service {
  padding-bottom: 10px;
}
.service .common-h-line {
  width: 360px;
}
.service .common-h-title {
  margin: 0 360px;
}
.service-b {
  width: 100%;
  margin-top: 100px;
}

.service-left {
  float: left;
  width: 400px;
  margin-left: -100%; /*调整#left的位置,值等于自身宽度*/
}
.service-center {
  height: 430px;
  float: left;
  width: 100%;
}
.service-center_inbox {
  margin: 0 400px 0 400px; /*关键!!!左右边界等于左右盒子的宽度,多出来的为盒子间隔*/
}
.service-right {
  float: left;
  width: 400px;
  margin-left: -400px; /*使right到指定的位置,值等于自身宽度*/
}
.box {
  width: 350px;
  height: 350px;
  border-radius: 15px;
  margin: 0 auto;
  text-align: center;

}
.box div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 55px 0 35px 0;
}
.box div img {
  width: 160px;
  height: 160px;
}
.box p {
  font-size: 28px;
  font-weight: 500;
}
.box-bgc1 {
  background-color: #e0f9dc;
}
.box-bgc2 {
  background-color: #daf5fe;
}
.box-bgc3 {
  background-color: #fbe9db;
}
.box-bgc4 {
  background-color: #f6e6ff;
}
.box-bgc5 {
  background-color: #fcf5db;
}
.box-bgc6 {
  background-color: #fcdded;
}

/* 合作流程 */
.cooperation {
  padding-bottom: 77px;
}
.cooperation .common-h-line {
  width: 440px;
}
.cooperation .common-h-title {
  margin: 0 440px;
}
.cooperation-b {
  width: 100%;
  margin-top: 50px;
}
.cooperation-b .cooperation-t ul:nth-child(1) {
  background: url("../images/hezuo1.jpg") 0 0 no-repeat;
  background-size: contain;
}
.cooperation-b .cooperation-t ul:nth-child(2) {
  margin-top: 20px;
  background: url("../images/hezuo2.jpg") 0 0 no-repeat;
  background-size: auto;
}

.cooperation-b .cooperation-t ul li {
  margin-top: 120px;
  width: 110px;
  text-align: center;
}
.cooperation-b .cooperation-t ul li p:nth-child(1) {
  font-size: 18px;
}

.cooperation-b .cooperation-t ul li p:nth-child(2) {
  font-size: 18px;
  color: #7a7a7a;
}
.cooperation-b .cooperation-t ul li:nth-child(1) {
  margin-left: 24px;
}
.cooperation-b .cooperation-t ul li:nth-child(2) {
  margin-left: 150px;
}
.cooperation-b .cooperation-t ul li:nth-child(3) {
  margin-left: 150px;
}
.cooperation-b .cooperation-t ul li:nth-child(4) {
  margin-left: 130px;
  width: 162px;
}
.cooperation-b .cooperation-t ul li:nth-child(5) {
  margin-left: 126px;
}

/* 底部信息 */
#footer {
  width: 100%;
}
#footer div {
  text-align: center;
}
#footer div.footer-absorbed {
  background-color: #fff;
  height: 200px;
}
#footer div.footer-absorbed p {
  color: #000;
}
#footer div.footer-absorbed p:nth-child(1) {
  padding-top: 50px;
  font-size: 36px;
}
#footer div.footer-absorbed p:nth-child(2) {
  padding-top: 30px;
  font-size: 24px;
}
#footer div.footer-copyright {
  background-color: #222222;
  height: 140px;
  color: #7a7a7a;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#footer div.footer-copyright div ul {
  width: 100%;
  padding-top: 20px;
  font-size: 20px;
}
#footer div.footer-copyright div ul li {
  float: left;
  padding: 0 10px;
}
#footer div.footer-copyright div ul li a:hover{
  color: #e3791d;
}
#footer div.footer-copyright div p {
  width: 100%;
  padding-top: 20px;
  font-size: 18px;
}

/* 置顶 */
.gotoTop {
  position: fixed;
  right: 50px;
  bottom: 350px;
  width: 54px;
  height: 54px;
  opacity: 0.2;
  display: none;
}

/* 成功案例 */
.case {
  padding-bottom: 77px;
}
.case-b {
  width: 100%;
  margin-top: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-around;
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.case-b img {
  width: 380px;
}


/* 联系我们 */
 .contact {
  padding-bottom: 77px;
}
.contact-b {
  width: 100%;
  /* margin-top: 50px; */
}
.contact-b .contact-b-logo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.contact-b .contact-b-logo img {
  width: 300px;
  padding-bottom: 40px;
}
.contact-b p {
  font-size: 20px;
  letter-spacing: 0.08em;
  line-height: 35px;
  font-family: 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;
}
.contact-b .contact-b-info {
  margin-top: 30px;
}
.contact-b .contact-b-info .contact-b-way div p {
  margin-bottom: 20px;
}
.contact-b .contact-b-info .contact-b-way .contact-b-way-r {
  margin-left: 80px;
}


